<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../styles/header.css">
    <link rel="stylesheet" href="../styles/normalize.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/homePage.css">
    <link rel="stylesheet" href="../styles/homepagepublic.css">
    <link rel="stylesheet" href="../styles/scrollTop.css">
    <!-- 第三步 引入轮播样式 -->
    <link rel="stylesheet" href="../styles/slide.css">

</head>

<body>
    <!-- 鼠标滚动到一定距离顶部出现搜索框 -->

    <div id="scrollTop">
        <div class="content">
            <img src="../images/images/logo_white.png" alt="">
        </div>
    </div>
    <!-- <div class="height"></div> -->
    <!-- 鼠标滚动到一定距离顶部出现搜索框 end -->
    <!-- <div id="z-index800"> -->
    <!-- header -->
    <div class="header">
        <div class="header1">
            <div class="header1BG box1200">
                <p>欢迎光临乐购,&nbsp;请&nbsp;<a href="login.html">登录</a>/<a href="../HTML/register.html">注册</a></p>
            </div>
        </div>
        <div class="header2 box1200">
            <img src="../商城/images/LogoBG.gif" alt="" srcset="">
            <a href="../HTML/homePage.html">乐购<br>生活</a>
            <div class="fromparent">
                <form action="#" id="From">
                    <input type="text" placeholder="创意文具">
                    <input type="submit" value="">
                </form>
            </div>
            <p><a href="../HTML/shoppingcart.html">购物车 3</a><a href="javascript:;">我的订单</a></p>
        </div>
        <div class="header3 box1200">
            <div class="header3-left ">
                <p>全部商品分类</p>
            </div>
            <div class="nav">
                <ul>
                    <li>图书</li>
                    <li>电子书</li>
                    <li>原创文学</li>
                    <li>服装</li>
                    <li>运动户外</li>
                    <li>孕婴童</li>
                    <li>家居</li>
                    <li>创意文具</li>
                    <li>地方特产</li>
                    <li>海外购</li>
                    <li>电器城</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header end-->

    <!-- homePage -->
    <div id="homePage">
        <!-- </nav> -->

        <div class="nav">
            <div class="homeNav-left">
                <ul>
                    <li>
                        <p> 创意文具</p>
                        <div class="banner">子菜单1</div>
                    </li>
                    <li>
                        <p> 服饰、内衣</p>
                        <div class="banner">子菜单2</div>
                    </li>
                    <li>
                        <p> 鞋靴、箱包</p>
                        <div class="banner">子菜单3</div>
                    </li>
                    <li>
                        <p> 运动户外</p>
                        <div class="banner">子菜单4</div>
                    </li>
                    <li>
                        <p> 孕、婴、童</p>
                        <div class="banner">子菜单5</div>
                    </li>
                    <li>
                        <p> 家居、家纺、汽车</p>
                        <div class="banner">子菜单6</div>
                    </li>
                    <li>
                        <p> 家具、家装、康体</p>
                        <div class="banner">子菜单7</div>
                    </li>
                    <li>
                        <p> 美妆、个人护理、成人</p>
                        <div class="banner">子菜单8</div>
                    </li>
                    <li>
                        <p>食品、茶酒、生鲜</p>
                        <div class="banner">子菜单9</div>
                    </li>
                    <li>
                        <p> 腕表、珠宝、眼镜</p>
                        <div class="banner">子菜单10</div>
                    </li>
                    <li>
                        <p> 手机、数码</p>
                        <div class="banner">子菜单11</div>
                    </li>
                    <li>
                        <p>电脑办公</p>
                        <div class="banner">子菜单12</div>
                    </li>
                    <li>
                        <p> 家用电器</p>
                        <div class="banner">子菜单13</div>
                    </li>
                </ul>


            </div>
            <div class="homeNav-right">
                <!--第一步 复制html 轮播开始-->
                <div class="pptbox" id="slideBox">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#"><img src="../images/images/banner1.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/images/banner2.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/images/banner3.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/images/banner4.jpg" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/images/banner5.jpg" /></a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
                <!--轮播结束-->
            </div>
        </div>
        <!-- </nav> end -->

        <!-- recommend -->

        <div class="recommend floors" id="floors">
            <div class="recommend-title">
                <p>乐购·今日推荐</p>
                <div class="hr"></div>
            </div>
            <div class="recommend-content">
                <ul class="ul1">
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_05.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p>全国联保 一年免费包换</p>
                            <p>￥:<span>299</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_05.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p>全国联保 一年免费包换</p>
                            <p>￥:<span>299</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_05.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p>全国联保 一年免费包换</p>
                            <p>￥:<span>299</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_05.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p>全国联保 一年免费包换</p>
                            <p>￥:<span>299</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_05.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p>全国联保 一年免费包换</p>
                            <p>￥:<span>299</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_05.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                            <p>全国联保 一年免费包换</p>
                            <p>￥:<span>299</span> </p>
                        </div>
                    </li>
                </ul>
                <ul class="ul2">
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_11.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>小熊家用静音加湿器</p>
                            <p>唯美外观 微米级喷雾</p>
                            <p>￥:<span>89</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_11.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>小熊家用静音加湿器</p>
                            <p>唯美外观 微米级喷雾</p>
                            <p>￥:<span>89</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_11.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>小熊家用静音加湿器</p>
                            <p>唯美外观 微米级喷雾</p>
                            <p>￥:<span>89</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_11.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>小熊家用静音加湿器</p>
                            <p>唯美外观 微米级喷雾</p>
                            <p>￥:<span>89</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_11.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>小熊家用静音加湿器</p>
                            <p>唯美外观 微米级喷雾</p>
                            <p>￥:<span>89</span> </p>
                        </div>
                    </li>
                    <li>
                        <div id="content">
                            <img src="../images/img/index06_11.jpg" alt="" srcset="">
                            <img src="../images/img/index05_18.jpg" alt="" srcset="">
                            <p>小熊家用静音加湿器</p>
                            <p>唯美外观 微米级喷雾</p>
                            <p>￥:<span>89</span> </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- recommend end -->

        <!-- book -->
        <div id="width" class="floors">
            <div id="title">
                <p id="ebookbook" title="进入产品列表"><a href="../商城/html/03.产品列表.html">图书&nbsp;电子书</a></p>
                <ul>
                    <li class="active">最新上架</li>
                    <li>独家畅销</li>
                    <li>电子书</li>
                </ul>
            </div>
        </div>
        <div id="book" class="box1200">
            <div class="book-left">
                <div class="left01">
                    <div class="top">
                        <img src="../images/images/deom-ebook.png" alt="" srcset="">
                    </div>
                    <div class="bottom">
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                    </div>
                </div>
                <div class="left02">
                    <div class="slider">
                        <div class="pptbox" id="slideBox2">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="../images/images/demo-ebook-ppt.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="../images/images/demo-ebook-ppt2.jpg" /></a>
                                </li>

                            </ul>
                            <ul class="controls">
                                <li class="current"></li>
                                <li></li>

                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <div class="menu">
                        <ul>
                            <li>
                                <div id="MENU">

                                    <p>奥运狂欢</p>
                                    <p class="bb">10万种电子书 直降40%</p>
                                    <div><img src="../images/images/demo-ebook.jpg" alt="" srcset=""></div>
                                    <p><span>￥49</span>&nbsp;&nbsp;<span></span>￥79</p>

                                </div>
                            </li>
                            <li id="menu2">
                                <div id="MENU">
                                    <p>奥运狂欢</p>
                                    <p class="bb">10万种电子书 直降40%</p>
                                    <div><img src="../images/images/demo-ebook.jpg" alt="" srcset=""></div>
                                    <p><span>￥49</span>&nbsp;&nbsp;<span></span>￥79</p>
                                </div>
                            </li>
                            <li>
                                <div id="MENU">
                                    <p>奥运狂欢</p>
                                    <p class="bb">10万种电子书 直降40%</p>
                                    <div><img src="../images/images/demo-ebook.jpg" alt="" srcset=""></div>
                                    <p><span>￥49</span>&nbsp;&nbsp;<span></span>￥79</p>
                                </div>
                            </li>
                            <li>
                                <div id="MENU">
                                    <p>奥运狂欢</p>
                                    <p class="bb">10万种电子书 直降40%</p>
                                    <div><img src="../images/images/demo-ebook.jpg" alt="" srcset=""></div>
                                    <p><span>￥49</span>&nbsp;&nbsp;<span></span>￥79</p>
                                </div>
                            </li>
                            <li>
                                <div id="MENU">
                                    <p>奥运狂欢</p>
                                    <p class="bb">10万种电子书 直降40%</p>
                                    <div><img src="../images/images/demo-ebook.jpg" alt="" srcset=""></div>
                                    <p><span>￥49</span>&nbsp;&nbsp;<span></span>￥79</p>
                                </div>
                            </li>
                            <li id="menu6">
                                <div id="MENU">
                                    <p>奥运狂欢</p>
                                    <p class="bb">10万种电子书 直降40%</p>
                                    <div><img src="../images/images/demo-ebook.jpg" alt="" srcset=""></div>
                                    <p><span>￥49</span>&nbsp;&nbsp;<span></span>￥79</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- <div class="book-center"></div> -->

            <div class="book-right">
                <p>新书畅销榜</p>
                <ul>
                    <li>
                        <span>1</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                    <li>
                        <span>2</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                    <li>
                        <span>3</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                    <li>
                        <span>4</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                    <li>
                        <span>5</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                    <li>
                        <span>6</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                    <li>
                        <span>7</span>
                        <div class="rightMenu" id="rightMenu">
                            <p><img src="../images/images/demo-rank1.jpg" alt="" srcset=""></p>
                            <p>从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                            <p class="active">从你的世界路过</p>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <!-- book end -->

        <!-- Clothing -->
        <div class="box1200 floors" id="floors">
            <div id="title">
                <p>服装&nbsp;</p>
                <ul>
                    <li class="active">女装内衣</li>
                    <li>热销男装</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>
            <div id="cloths" class="publicFlex">
                <div id="public-left">
                    <div class="top">
                        <img src="../images/images/demo_commonPic.jpg" alt="" srcset="">
                    </div>
                    <div class="bottom">
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                    </div>
                </div>
                <div id="public-center">
                    <div>
                        <div class="top">
                            <!--第一步 复制html 轮播开始-->
                            <div class="pptbox" id="publicslideBox1">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#"><img src="../images/images/demo-common-focus1.jpg" /></a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="../images/images/demo-common-focus2.jpg" /></a>
                                    </li>

                                </ul>
                                <ul class="controls">
                                    <li class="current"></li>
                                    <li></li>

                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                        </div>

                        <div class="bottom">
                            <img src="../images/images/demo-centerPic-B.jpg" alt="" srcset="">
                        </div>
                    </div>
                </div>
                <div id="public-right">
                    <div class="top">
                        <ul>

                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt="">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt=""></div>
                            </li>
                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt=""></div>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>

                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt="">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt=""></div>
                            </li>
                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt=""></div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="public-logo">
                <img src="../images/images/logo13_11.jpg" alt="" srcset="">
                <img src="../images/images/logo13_12.jpg" alt="" srcset="">
                <img src="../images/images/logo13_13.jpg" alt="" srcset="">
                <img src="../images/images/logo13_14.jpg" alt="" srcset="">
                <img src="../images/images/logo13_15.jpg" alt="" srcset="">
                <img src="../images/images/logo13_16.jpg" alt="" srcset="">
                <img src="../images/images/logo13_17.jpg" alt="" srcset="">
                <img src="../images/images/logo13_18.jpg" alt="" srcset="">
                <img src="../images/images/logo13_19.jpg" alt="" srcset="">
            </div>

        </div>

        <!-- Clothing end -->

        <!-- Outdoor sports -->
        <div class="box1200 floors" id="floors">
            <div id="title">
                <p>户外运动</p>
                <ul>
                    <li class="active">国际名品</li>
                    <li>户外装备</li>
                    <li>运动潮流</li>
                </ul>
            </div>
            <div id="sports" class="publicFlex">
                <div id="public-left">
                    <div class="top">
                        <img src="../images/images/demo_commonPic02.png" alt="" srcset="">
                    </div>
                    <div class="bottom">
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                    </div>
                </div>
                <div id="public-center">
                    <div>
                        <div class="top">
                            <!--第一步 复制html 轮播开始-->
                            <div class="pptbox" id="publicslideBox2">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#"><img src="../images/img/demo-common-focus4.jpg" /></a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="../images/img/demo-common-focus3.jpg" /></a>
                                    </li>

                                </ul>
                                <ul class="controls">
                                    <li class="current"></li>
                                    <li></li>

                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                        </div>

                        <div class="bottom">
                            <img src="../images/images/demo-centerPic-B.jpg" alt="" srcset="">
                        </div>
                    </div>
                </div>
                <div id="public-right">
                    <div class="top">
                        <ul>

                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt="">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt=""></div>
                            </li>
                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt=""></div>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>

                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt="">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt=""></div>
                            </li>
                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt=""></div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="public-logo">
                <img src="../images/images/logo13_11.jpg" alt="" srcset="">
                <img src="../images/images/logo13_12.jpg" alt="" srcset="">
                <img src="../images/images/logo13_13.jpg" alt="" srcset="">
                <img src="../images/images/logo13_14.jpg" alt="" srcset="">
                <img src="../images/images/logo13_15.jpg" alt="" srcset="">
                <img src="../images/images/logo13_16.jpg" alt="" srcset="">
                <img src="../images/images/logo13_17.jpg" alt="" srcset="">
                <img src="../images/images/logo13_18.jpg" alt="" srcset="">
                <img src="../images/images/logo13_19.jpg" alt="" srcset="">
            </div>
        </div>

        <!-- Outdoor sports end -->

        <!-- Children's clothes -->
        <div class="box1200 floors" id="floors">
            <div id="title">
                <p>童装&nbsp;童鞋&nbsp;婴儿装</p>
                <ul>
                    <li class="active">儿童服装</li>
                    <li>婴儿装</li>
                    <li>小潮童鞋</li>
                </ul>
            </div>

            <div id="childrens" class="publicFlex">
                <div id="public-left">
                    <div class="top">
                        <img src="../images/images/demo_commonPic03.png" alt="" srcset="">
                    </div>
                    <div class="bottom">
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                        <a href="javascript:;">中小学教辅</a>
                    </div>
                </div>
                <div id="public-center">
                    <div>
                        <div class="top">
                            <!--第一步 复制html 轮播开始-->
                            <div class="pptbox" id="publicslideBox3">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#"><img src="../images/img/demo-common-focus5.jpg" /></a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="../images/img/demo-common-focus6.jpg" /></a>
                                    </li>

                                </ul>
                                <ul class="controls">
                                    <li class="current"></li>
                                    <li></li>

                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->
                        </div>

                        <div class="bottom">
                            <img src="../images/images/demo-centerPic-B.jpg" alt="" srcset="">
                        </div>
                    </div>
                </div>
                <div id="public-right">
                    <div class="top">
                        <ul>

                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt="">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt=""></div>
                            </li>
                            <li>
                                <div>
                                    <p>达夫妮</p>
                                    <p>夏季凉鞋清仓</p>
                                    <div class="p3">
                                        <p>领77元优惠卷</p>
                                    </div>
                                    <img src="../images/images/demo-common-right-big.gif" alt=""></div>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>

                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt="">
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt=""></div>
                            </li>
                            <li>
                                <div>
                                    <p>何晴&nbsp;暑假清凉季</p>
                                    <p>满199减30</p>
                                    <img src="../images/images/demo-common-right-small.jpg" alt=""></div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="public-logo">
                <img src="../images/images/logo13_11.jpg" alt="" srcset="">
                <img src="../images/images/logo13_12.jpg" alt="" srcset="">
                <img src="../images/images/logo13_13.jpg" alt="" srcset="">
                <img src="../images/images/logo13_14.jpg" alt="" srcset="">
                <img src="../images/images/logo13_15.jpg" alt="" srcset="">
                <img src="../images/images/logo13_16.jpg" alt="" srcset="">
                <img src="../images/images/logo13_17.jpg" alt="" srcset="">
                <img src="../images/images/logo13_18.jpg" alt="" srcset="">
                <img src="../images/images/logo13_19.jpg" alt="" srcset="">
            </div>
        </div>
        <!-- Children's clothes end -->
        <!-- Furniture for daily use -->

        <div class="box1200 floors" id="floors">
            <div id="title">
                <p>家具日用&nbsp;</p>

            </div>
            <div class="furniture publicFlex">
                <div class="left">
                    <img src="../images/images/demo-home1.jpg" alt="">
                </div>
                <div>
                    <div class="right-top">
                        <ul>
                            <li><img src="../images/images/demo-home-common1.jpg" alt=""></li>
                            <li><img src="../images/images/demo-home-common1.jpg" alt=""></li>
                            <li><img src="../images/images/demo-home-common1.jpg" alt=""></li>
                            <li><img src="../images/images/demo-home-common1.jpg" alt=""></li>
                        </ul>
                    </div>
                    <div class="right-bottom">
                        <ul>
                            <li><img src="../images/images/demo-home-common2.jpg" alt=""></li>
                            <li><img src="../images/images/demo-home-common2.jpg" alt=""></li>
                            <li><img src="../images/images/demo-home-common2.jpg" alt=""></li>
                            <li><img src="../images/images/demo-home-common2.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <!-- Furniture for daily use end -->
        <!-- Promotion of goods -->
        <div class="box1200 floors" id="floors">
            <div id="title">
                <p>推广商品&nbsp;</p>
                <div>
                    <ul>
                        <li id="lastBtn" class="active">·</li>
                        <li id="lastBtn">·</li>
                        <li id="lastBtn">·</li>
                    </ul>
                </div>
            </div>
            <div class="promotion">
                <div>
                    <ul>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                        <li>
                            <div class="menu1">
                                <img src="../images/images/demo-pop.jpg" alt="">
                                <p>Pigeon法国制奶嘴，无毒天然乳胶</p>

                                <p>￥: <span>198</span> </p>
                                <p>已有<span>988</span>条评价</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Promotion of goods end -->
    </div>

    <!-- homePage end -->


    <!-- footer -->

    <div id="footer">

        <div class="footer1"></div>
        <div>
            <div class="footer2">

                <div id="footerBG" class="box1200">
                    <div class="footer2-content">
                        <img src="../images/images/222_11.png" alt="" srcset="">
                        <img src="../images/images/222_13.png" alt="" srcset="">
                        <img src="../images/images/222_15.png" alt="" srcset="">
                        <img src="../images/images/222_17.png" alt="" srcset="">

                    </div>
                </div>

            </div>
        </div>
        <div class="footer3 box1200">
            <div class="footer3BG"></div>
            <div class="footer3-content">
                <div class="footer3-1 flex">
                    <p>购物指南</p>
                    <a href="javascript:;">购物流程</a>
                    <a href="javascript:;">发票制度</a>
                    <a href="javascript:;">账户管理</a>
                    <a href="javascript:;">会员优惠</a>
                </div>
                <div class="footer3-2 flex">
                    <p>支付方式</p>
                    <a href="javascript:;">货到付款</a>
                    <a href="javascript:;">网上支付</a>
                    <a href="javascript:;">礼品卡支付</a>
                    <a href="javascript:;">银行转帐</a>
                </div>
                <div class="footer3-3 flex">
                    <p>订单服务</p>
                    <a href="javascript:;">订单配送查询</a>
                    <a href="javascript:;">订单状态说明</a>
                    <a href="javascript:;">自助取消订单</a>
                    <a href="javascript:;">自助修改订单</a>
                </div>
                <div class="footer3-4 flex">
                    <p> 退换货</p>
                    <a href="javascript:;">退换货政策</a>
                    <a href="javascript:;">自助申请退换货</a>
                    <a href="javascript:;">退换货进度查询</a>
                    <a href="javascript:;">退款方式和时间</a>
                </div>
                <div class="footer3-5 flex">
                    <p> 商家服务</p>
                    <a href="javascript:;">商家中心</a>
                    <a href="javascript:;">运营服务</a>
                    <a href="javascript:;">加入尾品汇</a>
                    <a href="javascripy:;">&nbsp;</a>
                </div>
            </div>
        </div>
        <div class="footer4 box1200">
            <p>
                <a href="javascript:;"> 公司简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">Investor Relations</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">网站联盟</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">乐购招商</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">机构销售</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">手机乐购</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">官方Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">热词搜索</a>
            </p>
        </div>
        <div class="footer5 box1200">
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
    <!-- footer end -->

    <!-- 左侧边栏导航 -->

    <div id="sidebar">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <!-- 左侧边栏导航 end -->
    <!-- 右侧领卷中心 -->
    <div class="assistant">
        <div class="first"></div>
        <div class="second"></div>
        <div class="third"></div>
        <div class="four"></div>
    </div>

    <!-- 右侧领卷中心 end -->
    <!-- </div> -->

</body>
<script src="../jquery/jquery-1.12.4.js"></script>
<script src="../scripts/homePage.js"></script>
<!--第二步  引入jquery库 和 轮播的代码文件 -->
<script src="../scripts/jquery1.11.min.js"></script>
<script src="../scripts/tyslide.js"></script>
<!-- 引入配置文件 -->
<script src="../scripts/effects.js"></script>

<script src="../scripts/scrollTop.js"></script>

</html>